<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
</head>

<body>
    <table border="1px">
        <caption>餐食营养数据</caption>
        <colgroup>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col>
            <col style="background-color: aqua;">
            <col>
        </colgroup>
        <thead>
            <tr>
                <th colspan="2" rowspan="2" scope="col"></th>
                <th rowspan="2" scope="col">名字</th>
                <th rowspan="2" scope="col">图片</th>
                <th rowspan="2" scope="col">Calories</th>
                <th colspan="4" scope="colgroup">Fat(g)</th>
                <th rowspan="2" scope="col">Cholesterol (mg)</th>
                <th rowspan="2" scope="col">Sodium (mg)</th>
                <th rowspan="2" scope="col">Vitamin A (IU):30</th>
            </tr>

            <tr>
                <th scope="col">Saturated Fat (g)</th>
                <th scope="col">Trans Fat (g)</th>
                <th scope="col">Polyunsaturated Fat (g)</th>
                <th scope="col">Monounsaturated Fat (g)</th>
            </tr>

        </thead>
        <tbody>
            <tr>
                <th rowspan="4" scope="rowgroup">breakfast</th>
                <th rowspan="2" scope="row">breads</th>
                <td>Gluten-Free Bread</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/1.jpeg" width="30"></td>
                <td>134</td>
                <td>1g</td>
                <td>1g</td>
                <td>1g</td>
                <td>3g</td>
                <td>20</td>
                <td>162</td>
                <td>30</td>
            </tr>

            <tr>

                <td>Gluten Free Cinnamon Raisin Bagels</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/2.jpeg" width="30"></td>
                <td>390</td>
                <td>1g</td>
                <td></td>
                <td></td>
                <td></td>
                <td>92</td>
                <td>914</td>
                <td>130</td>
            </tr>

            <tr>
                <th rowspan="2" scope="row">Drinks</th>
                <td>Chocolate Pumpkin Smoothie</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/3.jpeg" width="30"></td>
                <td>297</td>
                <td>3</td>
                <td></td>
                <td>1</td>
                <td>2</td>
                <td>10</td>
                <td>324</td>
                <td>22021</td>
            </tr>

            <tr>
                <td>Peanut Butter and Jelly Smoothie</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/4.jpeg" width="30"></td>
                <td>460</td>
                <td>5</td>
                <td></td>
                <td>5</td>
                <td>8</td>
                <td>10</td>
                <td>209</td>
                <td></td>
            </tr>

            <tr>
                <th rowspan="4" scope="rowgroup">lunch</th>
                <th rowspan="2" scope="row">cuisine</th>
                <td>Mexican Pasta Salad</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/5.jpeg" width="30"></td>
                <td>248</td>
                <td>1</td>
                <td></td>
                <td>1</td>
                <td>4</td>
                <td>2</td>
                <td>408</td>
                <td>202</td>
            </tr>

            <tr>
                <td>Keto Taco Bowl</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/6.jpeg" width="30"></td>
                <td>746</td>
                <td>8g</td>
                <td>2</td>
                <td>1g</td>
                <td>3g</td>
                <td>128</td>
                <td>341</td>
                <td>11816</td>
            </tr>

            <tr>
                <th rowspan="2" scope="row">Sandwishes</th>
                <td>Honey BBQ Chicken Salad</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/7.jpeg" width="30"></td>
                <td>185</td>
                <td>2g</td>
                <td>1g</td>
                <td>1g</td>
                <td>1g</td>
                <td>57</td>
                <td>278</td>
                <td>147</td>
            </tr>

            <tr>
                <td>Chef’s Salad Lettuce Wraps</td>
                <td><img src="../learnHTML/learnHtml/task4_table/img/8.jpeg" width="30"></td>
                <td>265</td>
                <td>6g</td>
                <td></td>
                <td></td>
                <td></td>
                <td>101</td>
                <td>979</td>
                <td>6440</td>
            </tr>

        </tbody>
    </table>
</body>

</html>